<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Demo数据展示 - 3D</title>
    <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
</head>
<body>
<div id="container" class="container">
</div>
<!--<script src="https://webapi.amap.com/loca?key=17cc15a8dd6241aa1984495c67d70e6f"></script>-->
<script src="https://webapi.amap.com/maps?v=1.4.2&key=17cc15a8dd6241aa1984495c67d70e6f"></script>    
<script src="https://webapi.amap.com/js/marker.js"></script>
<script src="../js/data.js"></script>
<script>
    var map = new AMap.Map('container', {
        mapStyle: 'amap://styles/darkblue',
        viewMode: '3D',
        pitch: 50,
        zoom: 16,
        center: [110.354569,20.024504],
    });

    var markers = []; //province见Demo引用的JS文件
    var points = getPointReal();
    points.forEach(function(d){
        var marker;
        if (1) {
            var icon = new AMap.Icon({
                image: '../imgs/dollar.png',
                size: new AMap.Size(24, 24),
                imageSize: new AMap.Size(24, 24),
            });
            marker = new AMap.Marker({
                icon: icon,
                position: d[4].split(','),
                offset: new AMap.Pixel(-12,-12),
                zIndex: 101,
                title: d[1] + d[4],
                map: map
            });
        }
        markers.push(marker);
        
    });
    
    map.setFitView();



</script>
</body>
</html>